<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
  <head>
		<title>Cluster Flow Report Example - Good Report</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
  </head>
  <body style="width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"><style type="text/css">
a:hover {
color: #2795b6 !important;
}
a:active {
color: #2795b6 !important;
}
a:visited {
color: #2ba6cb !important;
}
@media only screen and (min-width: 600px) {
  .header-title-bigscreen {
    display: block;
  }
  .header-title-smallscreen {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  table[class="body"] img {
    width: auto !important; height: auto !important;
  }
  table[class="body"] center {
    min-width: 0 !important;
  }
  table[class="body"] .container {
    width: 95% !important;
  }
  table[class="body"] .row {
    width: 100% !important; display: block !important;
  }
  table[class="body"] .wrapper {
    display: block !important; padding-right: 0 !important;
  }
  table[class="body"] .columns {
    table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
  }
  table[class="body"] .column {
    table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
  }
  table[class="body"] .wrapper.first .columns {
    display: table !important;
  }
  table[class="body"] .wrapper.first .column {
    display: table !important;
  }
  table[class="body"] table.columns td {
    width: 100% !important;
  }
  table[class="body"] table.column td {
    width: 100% !important;
  }
  table[class="body"] .columns td.one {
    width: 8.333333% !important;
  }
  table[class="body"] .column td.one {
    width: 8.333333% !important;
  }
  table[class="body"] .columns td.two {
    width: 16.666666% !important;
  }
  table[class="body"] .column td.two {
    width: 16.666666% !important;
  }
  table[class="body"] .columns td.three {
    width: 25% !important;
  }
  table[class="body"] .column td.three {
    width: 25% !important;
  }
  table[class="body"] .columns td.four {
    width: 33.333333% !important;
  }
  table[class="body"] .column td.four {
    width: 33.333333% !important;
  }
  table[class="body"] .columns td.five {
    width: 41.666666% !important;
  }
  table[class="body"] .column td.five {
    width: 41.666666% !important;
  }
  table[class="body"] .columns td.six {
    width: 50% !important;
  }
  table[class="body"] .column td.six {
    width: 50% !important;
  }
  table[class="body"] .columns td.seven {
    width: 58.333333% !important;
  }
  table[class="body"] .column td.seven {
    width: 58.333333% !important;
  }
  table[class="body"] .columns td.eight {
    width: 66.666666% !important;
  }
  table[class="body"] .column td.eight {
    width: 66.666666% !important;
  }
  table[class="body"] .columns td.nine {
    width: 75% !important;
  }
  table[class="body"] .column td.nine {
    width: 75% !important;
  }
  table[class="body"] .columns td.ten {
    width: 83.333333% !important;
  }
  table[class="body"] .column td.ten {
    width: 83.333333% !important;
  }
  table[class="body"] .columns td.eleven {
    width: 91.666666% !important;
  }
  table[class="body"] .column td.eleven {
    width: 91.666666% !important;
  }
  table[class="body"] .columns td.twelve {
    width: 100% !important;
  }
  table[class="body"] .column td.twelve {
    width: 100% !important;
  }
  table[class="body"] table.columns td.expander {
    width: 1px !important;
  }
  .header-title-bigscreen {
    display: none;
  }
  .header-title-smallscreen {
    display: block;
  }
}
</style>
	<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="center" align="center" valign="top" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;">
        <center style="width: 100%; min-width: 580px;">

          <table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #2d343c; padding: 0px;" bgcolor="#2d343c"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="center" align="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" valign="top">
                <center style="width: 100%; min-width: 580px;">

                  <table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">

                        <table class="twelve columns title-header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="six sub-columns" style="border-collapse: collapse !important; vertical-align: top; text-align: left; min-width: 0px; width: 50%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 10px 10px 0px;" align="left" valign="top">
                              <img title="Cluster Flow" src="http://ewels.github.io/clusterflow/resources/img/CF_logo.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 232px; max-width: 100%; float: left; clear: both; display: block; height: 74px; color: #FFFFFF; font-size: 25px; padding-left:10px;" align="left" /></td>
                            <td class="six sub-columns last" style="text-align: right; vertical-align: middle; border-collapse: collapse !important; min-width: 0px; width: 50%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="right" valign="middle">
                              <h1 class="header-title-bigscreen" style="color: #FFFFFF; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: right; line-height: 1.3; word-break: normal; font-size: 40px; margin: 0; padding: 0 10px 0 0;" align="right">Run Complete</h1>
                            </td>
                            <td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
                          </tr></table></td>
                    </tr></table></center>
              </td>
            </tr></table><table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">

                <table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">

                      <table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
														<h1 class="header-title-smallscreen" style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 1.3; word-break: normal; font-size: 40px; margin: 0 0 10px; padding: 0;" align="left">Run Complete</h1>
                						<p class="completion-leader" style="color: #0A440B; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: center; line-height: 19px; font-size: 18px; border-radius: 5px; background: #dff0d8; margin: 0 0 15px; padding: 10px; border: 1px solid #d6e9c6;" align="center">The pipeline <strong>fastq_bismark</strong> has completed.</p>
														
														<hr style="color: #d9d9d9; height: 1px; background: #d9d9d9; border: none;" /><table class="run-stats" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><th style="text-align: right; padding-right: 10px; min-width: 70px;" align="right">Started</th>
																<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">17:13:59, 13th June 2014</td>
															</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><th style="text-align: right; padding-right: 10px; min-width: 70px;" align="right">Finished</th>
																<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">23:14:22, 14th June 2014</td>
															</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><th style="text-align: right; padding-right: 10px; min-width: 70px;" align="right">Duration</th>
																<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">1 day, 6 hours, 23 seconds</td>
															</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><th style="text-align: right; padding-right: 10px; min-width: 70px;" align="right">Working directory</th>
																<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top"><code style="font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">/projects/example_datasets/cluster_flow/test_project/</code></td>
															</tr></table><hr style="color: #d9d9d9; height: 1px; background: #d9d9d9; border: none;" /><h3 style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 1.3; word-break: normal; font-size: 32px; margin: 0; padding: 0;" align="left">Highlighted Status Messages</h3>
														<ul class="status-messages" style="padding-left:20px;"><li style="margin-bottom: 20px;">
																<span class="run-name" style="font-weight: bold; margin-bottom: 10px;">Test_BS-Seq_1_1.fastq.gz_fastq_bismark_clusterFlow.txt</span>
																<ul style="padding-left:20px;"><li style="margin-top: 5px;">FastQC successfully ran, took 7 minutes, 34 seconds</li>
																	<li style="margin-top: 5px;">FastQC successfully ran, took 15 minutes, 11 seconds</li>
																	<li style="margin-top: 5px;">Trim galore (PE mode) successfully exited, took 2 hours, 25 minutes, 22 seconds..</li>
																	<li style="margin-top: 5px;">Bismark (PE mode) successfully exited, took 11 hours, 55 minutes, 4 seconds..</li>
																	<li style="margin-top: 5px;">Bismark deduplication (PE mode) successfully exited, took 1 hours, 17 minutes, 53 seconds..</li>
																	<li style="margin-top: 5px;">Bismark methylation extractor (PE mode) successfully exited, took 13 hours, 3 minutes, 47 seconds..</li>
																	<li style="margin-top: 5px;">Bismark report successfully created</li>
																</ul></li>
															<li style="margin-bottom: 20px;">
																<span class="run-name" style="font-weight: bold; margin-bottom: 10px;">Test_BS-Seq_2_1.fastq.gz_fastq_bismark_clusterFlow.txt</span>
																<ul style="padding-left:20px;"><li style="margin-top: 5px;">FastQC successfully ran, took 7 minutes, 34 seconds</li>
																	<li style="margin-top: 5px;">FastQC successfully ran, took 15 minutes, 11 seconds</li>
																	<li style="margin-top: 5px;">Trim galore (PE mode) successfully exited, took 2 hours, 25 minutes, 22 seconds..</li>
																	<li style="margin-top: 5px;">Bismark (PE mode) successfully exited, took 11 hours, 55 minutes, 4 seconds..</li>
																	<li style="margin-top: 5px;">Bismark deduplication (PE mode) successfully exited, took 1 hours, 17 minutes, 53 seconds..</li>
																	<li style="margin-top: 5px;">Bismark methylation extractor (PE mode) successfully exited, took 13 hours, 3 minutes, 47 seconds..</li>
																	<li style="margin-top: 5px;">Bismark report successfully created</li>
																</ul></li>
														</ul><hr style="color: #d9d9d9; height: 1px; background: #d9d9d9; border: none;" /><h3 style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 1.3; word-break: normal; font-size: 32px; margin: 0; padding: 0;" align="left">Commands Run</h3>
														<ul class="status-messages commands-run" style="padding:0; list-style-type:none;"><li style="margin-bottom: 20px;">
																<span class="run-name" style="font-weight: bold; margin-bottom: 10px;">Test_BS-Seq_1_1.fastq.gz_fastq_bismark_clusterFlow.txt</span>
																<ul style="padding:0; list-style-type:none;"><li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">fastqc -q Test_BS-Seq_1_1.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">fastqc -q Test_BS-Seq_1_2.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">trim_galore --paired --trim1 --gzip --phred33 --fastqc Test_BS-Seq_1_1.fastq.gz Test_BS-Seq_1_2.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark --bam --bowtie2 --phred33-quals /projects/genomes/Hsapiens/GRCh37 -1 Test_BS-Seq_1_1_val_1.fq.gz -2 Test_BS-Seq_1_2_val_2.fq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">deduplicate_bismark -s --bam Test_BS-Seq_1_1_val_1.fq.gz_bismark_bt2.bam</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark_methylation_extractor --bedGraph --counts --gzip -s --report Test_BS-Seq_1_1_val_1.fq.gz_bismark_bt2.deduplicated.bam</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark2report</li>
																</ul></li>
															<li style="margin-bottom: 20px;">
																<span class="run-name" style="font-weight: bold; margin-bottom: 10px;">Test_BS-Seq_2_1.fastq.gz_fastq_bismark_clusterFlow.txt</span>
																<ul style="padding:0; list-style-type:none;"><li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">fastqc -q Test_BS-Seq_2_1.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">fastqc -q Test_BS-Seq_2_2.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">trim_galore --paired --trim1 --gzip --phred33 --fastqc Test_BS-Seq_2_1.fastq.gz Test_BS-Seq_2_2.fastq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark --bam --bowtie2 --phred33-quals /projects/genomes/Hsapiens/GRCh37 -1 Test_BS-Seq_2_1_val_1.fq.gz -2 Test_BS-Seq_2_2_val_2.fq.gz</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">deduplicate_bismark -s --bam Test_BS-Seq_2_1_val_1.fq.gz_bismark_bt2.bam</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark_methylation_extractor --bedGraph --counts --gzip -s --report Test_BS-Seq_2_1_val_1.fq.gz_bismark_bt2.deduplicated.bam</li>
																	<li style="margin-top: 5px; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; background: #efefef; padding: 3px 5px;">bismark2report</li>
																</ul></li>
														</ul><hr style="color: #d9d9d9; height: 1px; background: #d9d9d9; border: none;" /></td>
                          <td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
                        </tr></table></td>
                  </tr></table><table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">

                      <table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td align="center" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" valign="top">
                            <center style="width: 100%; min-width: 580px;">
															<p style="text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;" align="center">Generated by <a href="http://ewels.github.io/clusterflow/" style="color: #2ba6cb; text-decoration: none;">Cluster Flow</a> v0.3 devel</p>
                              <p style="text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;" align="center"><a href="http://ewels.github.io/clusterflow/" style="color: #2ba6cb; text-decoration: none;">Documentation</a> | <a href="http://ewels.github.io/clusterflow/installation/#notification" style="color: #2ba6cb; text-decoration: none;">Notifications</a></p>
                            </center>
                          </td>
                          <td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
                        </tr></table></td>
                  </tr></table><!-- container end below --></td>
            </tr></table></center>
			</td>
		</tr></table></body>
</html>
